<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- html 结构：有序列表、无序列表、定义列表
	         有序列表与无序列表自带样式，样式可以修改
			 列表样式属性
			 list-style-type 列表项标准属性
			 有序自有一套属性值：none
			 无序自有一套属性值:none
		-->
		<style>
			/* 常用属性：list-style-type 针对无序列表【有利于SEO优化】 */
			/* 有序列表 ×*/
			ol li{
				/* 去掉列表样式--通配选择器一起使用 */
				list-st yle-type: none;
				list-style-type: decimal;/*默认值*/
				list-style-type: lower-roman;/*小写罗马数字 i ii*/
				list-style-type: upper-roman;/*大写罗马数字 I II*/
			}
			/* 无序列表 √ */
			ul li{
				/* 去掉列表样式--通配选择器一起使用 */
				list-style-type: none;
				list-style-type: disc;/*默认值*/
				list-style-type: circle;/*空心圆*/
				list-style-type: square;/*方块*/
			}
		</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>唐探1999</li>
			<li>封神2</li>
			<li>蛟龙行动</li>
		</ol>
		<h1>无序列表：页面上存在大量相同类型集合，有利于SEO优化</h1>
		<ul>
			<li>魔方大厦</li>
			<li>熊出没</li>
			<li>巴啦啦小魔仙</li>
		</ul>
	</body>
</html>